<script setup lang="ts">
import {UserInfoDetailsTS} from "@/ts/personnel/UserInfo";

defineProps<{
  userInfoDetails?: UserInfoDetailsTS,
  imgURL: string
}>()

</script>

<template>
  <div style="height: 400px;">
    <div style="float: left;padding-top: 100px;padding-left: 40px;padding-right: 40px">
      <img :src="imgURL" width="200px" height="200px">
    </div>
    <div style="float: left;padding: 40px">
      <div class="details-field-div">
        id：{{ userInfoDetails?.userId }}
      </div>
      <div class="details-field-div">
        姓名：{{ userInfoDetails?.userName }}
      </div>
      <div class="details-field-div">
        密码：{{ userInfoDetails?.password }}
      </div>
      <div class="details-field-div">
        部门：{{ userInfoDetails?.departInfo.departName }}
      </div>
      <div class="details-field-div">
        性别：{{ userInfoDetails?.gender == 1 ? '男' : '女' }}
      </div>
      <div class="details-field-div">
        角色：{{ userInfoDetails?.roleInfo.roleName }}
      </div>
      <div class="details-field-div">
        状态：{{ userInfoDetails?.us.userStateName }}
      </div>
    </div>
  </div>
</template>

<style scoped>
.details-field-div {
  font-size: 20px;
  padding: 10px;
}
</style>